<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>全部玩家</title>
  <link rel="stylesheet" href="overlay.css">
  <style>
    body { overflow: auto; }
    .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 5px; padding: 5px; }
    .card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; padding: 10px; }
    .card .header { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
    .card .name { font-weight:bold; color:#ecf0f1; }
    .card .profession { font-size:12px; color:#95a5a6; }
    .card .bar { height:6px; background: rgba(255,255,255,0.2); border-radius:3px; overflow:hidden; margin-top:6px; }
    .card .fill { height:100%; background:#667eea; transition: width .3s ease; }
    .stats { display:grid; grid-template-columns: repeat(3,1fr); gap:6px; margin-top:6px; }
    .stat { text-align:center; }
    .label { font-size:11px; color:#bdc3c7; display:block; }
    .value { font-weight:bold; color:#ecf0f1; display:block; }

    .value { font-weight:bold; color:#b5dce6; display:block; }
  </style>
  </head>
<body>
  <div class="grid" id="playersGrid"></div>
  <script src="all_players.js"></script>
</body>
</html>

